body
{
    font-size: 13px;
    font-family: Arial;
    color: #232323;
    background-color: #fff;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
}

header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
.floatLeft{ float: left;}
img {border: medium none;}
/*Custom css*/
a{ text-decoration: none;}
* {
    margin: 0;
    padding: 0;
}
ul, li {list-style: none outside none;}
#masterPage{ margin: 0;padding: 0}
    #masterPage .mainPage{}
        #masterPage .mainPage .headerContain{background-color: #2D2D2D;border-color: #000000;min-width: 980px;opacity: 1;min-height: 29px;font-style: normal;}
            #ul-header { margin: 0;padding: 5px;}
                .li-header{ display: inline-block; padding: 0;position: relative;vertical-align: top;white-space: nowrap;font-weight: bold;}
                .li-header a{color: #BBBBBB !important;text-decoration: none; }
                .li-header a:hover{color: white !important;text-decoration: none; }
                .li-header span{ padding: 5px 9px 0 }
                
        /*Body*/
        #masterPage .mainPage .bodyContain{ margin: 5px;width: 100%;height: 100%;}
                .services, .services ul#tab-services {width: 520px}
                .services { margin-left: auto;margin-right: auto;margin-top: 10%;}
                .services ul#tab-services li {float: left;}
                .services ul#tab-services li a.nap-topup:hover, .services ul#tab-services li a.active-nap-topup {background: url("../Content/themes/base/images/napthe-hover.jpg") no-repeat scroll left top transparent;}
                .services ul#tab-services li a.nap-topup {background: url("../Content/themes/base/images/napthe.jpg") no-repeat scroll left top transparent;}
                .services ul#tab-services li span a {border-top-left-radius: 3px;border-top-right-radius: 3px;box-shadow: 1px 1px 4px 2px #D1D1D1;display: block;float: left;height: 30px;margin-right: 5px;overflow: hidden;text-indent: -9999px;width: 150px;z-index: 999;}
                .services ul#tab-services li a.mathe-dt:hover, .services ul#tab-services li a.active-mathe-dt {background: url("../Content/themes/base/images/muathe-dt-hover.jpg") no-repeat scroll left top transparent;}
                .services ul#tab-services li a.mathe-dt {background: url("../Content/themes/base/images/muathe-dt.jpg") no-repeat scroll left top transparent;}
                .services ul#tab-services li a.mathe-game:hover, .services ul#tab-services li a.active-mathe-game {background: url("../Content/themes/base/images/muathe-game-hover.jpg") no-repeat scroll left top transparent;}
                .services ul#tab-services li a.mathe-game {background: url("../Content/themes/base/images/muathe-game.jpg") no-repeat scroll left top transparent;}
            
            .hold-block {background: url("../Content/themes/base/images/bg-frame.jpg") repeat-x scroll left top transparent;border-radius: 3px 3px 3px 3px;box-shadow: 1px 1px 4px 2px #E6E6E6;float: left;height: 300px;width: 520px;}
                #box-nap-topup form {margin: 40px 0 0;}
                #box-nap-topup form fieldset {border: medium none;margin: 20px 0 0 90px;}
                #box-nap-topup form label {color: #666666;line-height: 25px;}
                #box-nap-topup form input[type="text"] {background: none repeat scroll 0 0 #F4F4F4;border: medium none;border-radius: 3px 3px 3px 3px;box-shadow: 1px 1px 3px 1px #E6E6E6 inset;color: #999999;font-size: 10pt;height: 20px;padding: 5px;width: 310px;}
                #box-nap-topup form select {background: none repeat scroll 0 0 #F4F4F4;border: medium none;border-radius: 3px 3px 3px 3px;box-shadow: 1px 1px 3px 1px #E6E6E6 inset;color: #999999;font-size: 10pt;height: 30px;padding: 8px 5px 5px;width: 320px;}
                #box-nap-topup .button {background: url("../Content/themes/base/images/btn-popup.jpg") no-repeat scroll 0 0 transparent;border: medium none;color: #FFFFFF;cursor: pointer;font-size: 12px;height: 33px;line-height: 33px;margin: 10px 0 0 110px;text-align: center;width: 101px;}
                
        /*Fotter*/
        #masterPage .mainPage .footerContain{ font-size: 10pt;min-height: 30px;position: relative;border-top: 1px solid #EBEBEB;bottom: 0;padding-top: 3px;position: absolute;width: 100%;}
        #masterPage .mainPage .footerContain a {color: #666666;margin: 2px 10px 0;}
        #masterPage .mainPage .footerContain a:hover {color: #666666;margin: 2px 10px 0;text-decoration: underline}
                #ftby{ margin: 0 44px;padding-left: 260px;}
                #ftby  div, #fll  div, #footer a {display: inline-block;}
                #fll{ float: right;text-align: right;width: 100%;}
